<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_342477_owwvl7ndgo.css?v=1.0.0">
<title>下单</title>
<link rel="stylesheet" type="text/css" href="__JS__/mobileSelect/css/mobileSelect.css">
<script src="__JS__/mobileSelect/js/mobileSelect.min.js" type="text/javascript"></script>
<script src="__JS__/data.mobileSelect.js?v=0.01" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="/static/css/s.common.css">
<link type="text/css" rel="stylesheet" href="/static/css/s.agent.css">
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/layer_mobile/layer.js"></script>
<style type="text/css">
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
*, :after, :before { -webkit-tap-highlight-color: rgba(0,0,0,0); }
html{font-size:50px}
body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:32px;background-color:#f5f5f9;}
body{line-height:40px!important;font-size:26px!important}
body,body.g-init-echart{font-family:Microsoft YaHei,Helvetica!important;color:#2e3136;background:#f5f6f7!important}
button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
.v-goods-cart ._select {
    display: inline-block;
    width: 44px;
    height: 44px;
    border: 1px solid #9b9b9b;
    border-radius: 100%;
    text-align: center;
    line-height: 44px;
    color: #fff;
    margin: 0 30px 0 10px;
    background: #fff;
}
.v-goods-cart ._select._allSelected, .v-goods-cart ._select._selected, .v-goods-cart ._select._selected._cloud {
    background: #fa6f60;
    border-color: #fa6f60;
}
.c-share-back {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 200px;
    z-index: 9;
    padding-left: 50px;
}
.c-share-back .__content {
    float: left;
    width: 70px;
}
.c-share-back .__icon {
    float: right;
    border-radius: 100%;
    text-align: center;
    background: rgba(0,0,0,.5);
    line-height: 70px;
    height: 70px;
    width: 70px;
    margin-top: -70px;
    color: #fff;
    font-size: 50px;
}

.shop-list-goods-fix{
	/*position: absolute!important;right:0; */
	margin-right:40px;
	border: none;
    background: rgb(255, 255, 255);
}
.shop-list-goods-reduce{
	float:left;
	width: 48px!important;
    height: 48px!important;
    color: #9c9fa6;
    background: #fff;
    text-align: center;
    line-height: 48px;
    position: relative;
    margin-top: 6px;
	color: #5ba2e4;
}
.shop-list-goods-reduce:after {
    content: "\E685";
    font-size: 46px;
    font-family: iconfont;
    position: absolute;
    background: #fff;
    top: 0;
    left: 0;
    color: #999;
}
.shop-list-goods-amount{
	float: left;
    width: 150px;
    color: #333;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 30px;
    background-color: #fff;
    padding: 0 15px;
	border: 1px solid rgb(232, 232, 232);
    background: rgb(241, 241, 241);
	-webkit-appearance:none;
	outline:0;
}
.shop-list-goods-add{
	float:left;
	width: 48px!important;
    height: 48px!important;
    color: #9c9fa6;
    background: #fff;
    text-align: center;
    line-height: 48px;
    position: relative;
    margin-top: 6px;
	color: transparent!important;
	font-weight: 400;
    font-style: normal;
    display: inline-block;
}
.shop-list-goods-add:after {
    content: "\E71E";
    font-size: 46px;
    font-family: iconfont;
    position: absolute;
    color: #1b9af9;
    top: 0;
    left: 0;
}
.cart-remove-box{
	-webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2; 
	justify-content: flex-end;
    align-items: center;
    display: flex;
}
span.cart-remove{ width:80px;height:100%; background:#9C9FA6; color:#ffffff; justify-content:center; align-items:center; display:flex; }
.g-radiu{ border:1px solid #fa6f60; line-height:50px; padding:0 20px; border-radius:25px;color:#fa6f60; }

.address-select-box{ display:flex; height:150px; width:100%; background:url(__IMG__/address_bg.png) #FEFFFF repeat-x left top; }
.location{ width:60px; height:100%; display:flex;justify-content:center; align-items:center;  }
.address-info{ flex:1; display:flex; align-items:center; }
.address-info div{}
.address-info p{ padding:4px 0; line-height:1.4em; }
.address-select{ width:60px; height:100%; display:flex;justify-content:center; align-items:center;}

.layui-m-layer-msg .layui-m-layercont{ font-size:28px; line-height:44px; padding:20px 40px;}
.mobileSelect .content .btnBar {
    border-bottom: 2px solid #DCDCDC;
    font-size: 30px;
    height: 90px;
    line-height: 90px;
}
.mobileSelect .content .btnBar .cancel, .mobileSelect .content .btnBar .ensure {
    height: 90px;
    width: 110px;
}
.mobileSelect .content .panel .wheel {
    height: 400px;
}
.mobileSelect .content .panel .wheel .selectContainer li {
    font-size: 30px;
    height: 80px;
    line-height: 80px;
}
.mobileSelect .content .panel .wheels {
    width: 100%;
    height: 400px;
}
.mobileSelect .content .panel .selectLine {
    height: 80px;
    width: 100%;
    top: 160px;
    border-top: 2px solid #DCDCDC;
    border-bottom: 2px solid #DCDCDC;
}
.mobileSelect .content .panel .shadowMask{
	height:400px;
}
.mobileSelect .content .btnBar .title{ font-size:30px; }
.layui-layer-loading .layui-layer-content{ width:120px; height:48px; background-size:cover; }
.layui-m-layer-msg .layui-m-layercont{ font-size:28px; line-height:44px; padding:20px 40px;}
.layui-m-layer2 .layui-m-layercont i{ background:#5c8dff; }
</style>
</head>

<body>

<div id="pages">


	<div class="g-reset g-col g-warp-scroll common-bs-wrapper" style="overflow: hidden;">
		<div class="__scroller" style="transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
			<div class="g-reset g-pd g-orange">请仔细核对订单信息</div>
			<div class='address-select-box'>
			
				<div class='location'><img src='__IMG__/location.png'></div>
				<div class='address-info'>
					{notempty name='data.address'}
					<div>
					<p><span id='consignee'>{$data.address.consignee}</span>　<span id='phonenum'>{$data.address.phonenum}</span><span style="display: inline-block;background: #5c8dff;color: #ffffff;padding: 0 14px; border-radius: 18px;line-height: 36px;margin-left:8px;display:none;">默认</span></p>
					<p id='address_full'>{$data.address.province}{$data.address.city}{$data.address.region}{$data.address.address}</p>
					</div>
					{else /}
					<div>
					<p><span id='consignee'>请选择收货地址</span><span id='phonenum'>&nbsp;</span></p>
					<p id='address_full'><span style='color:#a2a2a2;'>您尚未设置默认收货地址</span></p>
					</div>
					{/notempty}
				</div>
				<div class='address-select'>
					<img src='__IMG__/right.png'>
				</div>
				
			</div>
			<div class="g-reset g-flex g-fd-c g-m-b">
				<div>
					{volist name='data.product' id='v'}
					<div class="g-pd g-bb" style="background-color: rgb(249, 249, 249);">
						<div class="g-flex">
							<img src="{$v.productmainimg}" alt="" class="g-img-140">
							<div class="g-flex g-fd-c g-col g-pd-lr g-jc-sb">
								<div class="g-flex g-jc-sb">
									<div class="g-twoline g-col">{$v.productname}</div>
									<div>
										<p class="g-orange-dark">￥{$v.productprice}</p></div>
								</div>
								<div class="g-flex g-jc-sb">
									<span class="g-black-light"></span>
									<span class="g-black-middle g-pd-l">X{$v.buynum}</span>
								</div>
							</div>
						</div>
					</div>
					{/volist}
				</div>
			</div>
			
			<div class="g-form g-bb">
				<div class="__item">
					<label for="express_id_select">快递</label>
					<div style="flex:1;padding-right:40px;background:url(__IMG__/right.png) no-repeat right center;" id='express_id_select'>{$express.default.value}</div>
				</div>
			</div>
			
			<div class="g-form g-bb">
				<div class="__item">
					<label for="oMsg">买家留言</label>
					<input type="text" id="oMsg" placeholder="选填，请在这里留下您的要求" value=""></div>
			</div>
			
			<div class="g-reset g-flex g-fd-c g-bg-white g-pd g-m-b">
				<div class="g-flex g-jc-sb 2095">
					<div>商品总价</div>
					<div class="g-orange-dark">
						<p class="">￥{$data.orderamount}</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div class="g-bg-white">
		<div class=" g-bt g-reset g-fixed g-tr" style="z-index: 10;">
			<div class="g-lh-80 g-tr g-col g-pd-r g-inline">内购金额加运费：
				<div class=" g-inline">
					<p class="g-orange-dark g-inline">￥<span id='neigouANDyunfei'><?php
					$d = $express['default']['expressprice'] + $data['cashamount'];
					echo $d;
					?></span></p>
				</div>，货款金额：
				<div class=" g-inline">
					<p class="g-orange-dark g-inline">￥{$data.orderamount}</p>
				</div>
			</div>
			<div class="g-bg-blue g-lh-80 g-tc g-inline" id="order-add" style="width: 150px;">提交订单</div></div>
	</div>


</div>



<!--编辑地址-->
<style>
.g-am-init .am-list-item .am-list-line {
	padding-right:20px
}
.g-am-init .am-list-extra {
	font-size:26px!important
}
.g-am-init .am-input-control input,.g-am-init .am-input-label {
	font-size:26px!important;
	color:#4d4d4d!important
}
.g-am-init .am-input-control input::-webkit-input-placeholder {
	font-size:26px!important
}
.g-am-init .am-tabs-bar .am-tabs-tab {
	font-size:26px!important
}

.am-list-header {
	padding:30px 30px 18px;
	font-size:28px;
	color:#888;
	display:inline-block;
	width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.am-list-footer {
	padding:18px 30px 30px;
	font-size:28px;
	color:#888
}
.am-list-body {
	position:relative;
	background-color:#fff;
	border-top:1px solid #ddd
}
.am-list-body:after,.am-list-body div:not(:last-child) .am-list-line:after {
	display:block;
	position:absolute;
	content:"";
	width:100%;
	border-bottom:1px solid #ddd
}
.am-list-body div:not(:last-child) .am-list-line:after {
	left:0;
	bottom:0;
	right:auto;
	top:auto
}
.am-list-item {
	position:relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	padding-left:20px;
	min-height:80px;
	background-color:#fff;
	vertical-align:middle;
	overflow:hidden;
	-webkit-transition:background-color .2s;
	transition:background-color .2s;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center
}
.am-list-item .am-list-ripple {
	position:absolute;
	background:transparent;
	display:inline-block;
	overflow:hidden;
	will-change:box-shadow,transform;
	-webkit-transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .2s cubic-bezier(.4,0,1,1);
	transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .2s cubic-bezier(.4,0,1,1);
	transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
	transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .2s cubic-bezier(.4,0,1,1);
	outline:none;
	cursor:pointer;
	border-radius:100%;
	-webkit-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0)
}
.am-list-item .am-list-ripple.am-list-ripple-animate {
	background-color:hsla(0,0%,62%,.2);
	-webkit-animation:ripple 1s linear;
	animation:ripple 1s linear
}
.am-list-item.am-list-item-top .am-list-line {
	-webkit-box-align:start;
	-webkit-align-items:flex-start;
	-ms-flex-align:start;
	align-items:flex-start
}
.am-list-item.am-list-item-top .am-list-line .am-list-arrow {
	margin-top:4px
}
.am-list-item.am-list-item-middle .am-list-line {
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center
}
.am-list-item.am-list-item-bottom .am-list-line {
	-webkit-box-align:end;
	-webkit-align-items:flex-end;
	-ms-flex-align:end;
	align-items:flex-end
}
.am-list-item.am-list-item-error .am-list-line .am-list-extra,.am-list-item.am-list-item-error .am-list-line .am-list-extra .am-list-brief {
	color:#f50
}
.am-list-item.am-list-item-active {
	background-color:#ddd
}
.am-list-item.am-list-item-disabled .am-list-line .am-list-content,.am-list-item.am-list-item-disabled .am-list-line .am-list-extra {
	color:#bbb
}
.am-list-item img {
	width:44px;
	height:44px;
	vertical-align:middle
}
.am-list-item .am-list-thumb:first-child {
	margin-right:30px
}
.am-list-item .am-list-thumb:last-child {
	margin-left:16px
}
.am-list-item .am-list-line {
	position:relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-flex:1;
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
	-webkit-align-self:stretch;
	-ms-flex-item-align:stretch;
	align-self:stretch;
	padding-right:30px;
	min-height:80px;
	overflow:hidden
}
.am-list-item .am-list-line .am-list-content {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
	color:#000;
	font-size:34px;
	text-align:left
}
.am-list-item .am-list-line .am-list-content,.am-list-item .am-list-line .am-list-extra {
	line-height:1.5;
	width:auto;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding-top:14px;
	padding-bottom:14px
}
.am-list-item .am-list-line .am-list-extra {
	-webkit-flex-basis:36%;
	-ms-flex-preferred-size:36%;
	flex-basis:36%;
	color:#888;
	font-size:32px;
	text-align:right
}
.am-list-item .am-list-line .am-list-brief,.am-list-item .am-list-line .am-list-title {
	width:auto;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.am-list-item .am-list-line .am-list-brief {
	color:#888;
	font-size:30px;
	line-height:1.5;
	margin-top:12px
}
.am-list-item .am-list-line .am-list-arrow {
	display:block;
	width:30px;
	height:30px;
	margin-left:16px;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='26' viewBox='0 0 16 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 0L0 2l11.5 11L0 24l2 2 14-13z' fill='%23C7C7CC' fill-rule='evenodd'/%3E%3C/svg%3E");
	background-size:contain;
	background-repeat:no-repeat;
	background-position:50% 50%;
	visibility:hidden
}
.am-list-item .am-list-line .am-list-arrow-horizontal {
	visibility:visible
}
.am-list-item .am-list-line .am-list-arrow-vertical {
	visibility:visible;
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg)
}
.am-list-item .am-list-line .am-list-arrow-vertical-up {
	visibility:visible;
	-webkit-transform:rotate(270deg);
	-ms-transform:rotate(270deg);
	transform:rotate(270deg)
}
.am-list-item .am-list-line-multiple {
	padding:25px 30px 25px 0
}
.am-list-item .am-list-line-multiple .am-list-content,.am-list-item .am-list-line-multiple .am-list-extra {
	padding-top:0;
	padding-bottom:0
}
.am-list-item .am-list-line-wrap .am-list-content,.am-list-item .am-list-line-wrap .am-list-extra {
	white-space:normal
}
.am-list-item select {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	padding:0;
	border:0;
	font-size:34px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background-color:transparent
}
@-webkit-keyframes ripple {
	to {
	opacity:0;
	-webkit-transform:scale(2.5);
	transform:scale(2.5)
}
}@keyframes ripple {
	to {
	opacity:0;
	-webkit-transform:scale(2.5);
	transform:scale(2.5)
}
}
input,textarea{ outline:0; }
.no-after:after{ display:none!important; }
</style>

<!--收货地址列表-->
<div class="g-reset g-am-init g-reset-fixed address-list-box" style='display:none;'>
	<div class="g-bg-fixed"></div>
	<div class="g-fixed g-row" style="z-index: 50;">
		<p class="g-close-position "><span class='address-edit-title'>选择收货地址</span><i class="iconfont icon-close"></i></p>
		<div class="g-pd-lr address-select-box2" style="position:relative; height:500px; overflow-y: hidden; overflow-x:hidden;">
			<div class="am-list address-box" style="width:100%;height:100%;left:0;top:0;position:absolute;overflow-x:hidden;overflow-y:auto;">
				<!-----------地址地址地址------------->
				<div id="address_box">
					<div>
						<div class="g-bg-white g-m-b-20 address-item" data-id="126">
							<div class="g-bb g-pd">
								<div class="g-flex g-jc-sb g-m-b-20">
									<span>收货人：aaa</span>
									<span class="g-black-middle">18855556666</span>
								</div>
								<p class="">收货地址：山西省 大同市 矿区 bbbbbb</p>
							</div>
						</div>
						<div class="g-bg-white g-m-b-20 address-item" data-id="54">
							<div class="g-bb g-pd">
								<div class="g-flex g-jc-sb g-m-b-20">
									<span>收货人：你好</span>
									<span class="g-black-middle">18221228706</span>
								</div>
								<p class="">收货地址：浙江省 温州市 瓯海区 次粗粗媳妇媳妇</p>
							</div>
						</div>

					</div>
					<div class="g-btn-blue g-m-b-20 address-add" style="margin-top: 80px;">新增收货地址</div>
				</div>
				<!-----------地址地址地址 End------------->
			</div>
		</div>
	</div>
	
</div>
<!--收货地址列表 End-->

<!--编辑地址-->
<div class="g-reset g-am-init g-reset-fixed address-add-box" style='display:none;'>
	<div class="g-bg-fixed"></div>
	<div class="g-fixed g-row" style="z-index: 50;">
		<p class="g-close-position ">
			<span class='address-add-title'>添加收货地址</span>
			<i class="iconfont icon-close"></i>
		</p>
		<div class="g-pd-lr" style="min-height:480px;max-height: 490px; overflow-y: hidden; overflow-x:hidden;">
			<div class="am-list">
				<div class="am-list-body">
					<div class="common-input">
						<div class="g-bt _row __input" style="border-top:0;">
							<div class="__pd-l __col-3 g-text-over">收货人</div>
							<input type="text" class="__col-7" id="consignee" value="" placeholder="请填写收货人姓名" style="height: 40px; margin-top: 20px; margin-bottom: 20px; line-height: 40px;">
						</div>
					</div>
					<div class="international-mobile" style="position: relative;">
						<div class="common-input">
							<div class="g-bt _row __input">
								<div class="__pd-l __col-3 g-text-over">手机号码</div>
								<input type="tel" class="__col-7" id="phonenum" value="" maxlength="11" placeholder="请填写手机号码" style="height: 40px; margin-top: 20px; margin-bottom: 20px; line-height: 40px;">
							</div>
						</div>
						<span style="position: absolute; right: -18px; top: 4px;">
							<div>
								<div class="am-list-item am-list-item-middle" style="position: absolute; right: 0px; top: -2px; width: 200px;border:0;">
									<div class="am-list-line no-after">
										<div class="am-list-extra">+86</div>
										<div class="am-list-arrow am-list-arrow-horizontal"></div>
									</div>
									<div class="am-list-ripple" style="display: none;"></div>
								</div>
							</div>
						</span>
					</div>
					<div>
						<div class="am-list-item am-list-item-middle g-bt" style="border-bottom:0;">
							<div class="am-list-line no-after" id='region_box'>
								<div class="am-list-content">省市区选择</div>
								<div class="am-list-extra" id="region_text"></div>
								<input type="hidden" name="province" id="province" />
								<input type="hidden" name="city" id="city" />
								<input type="hidden" name="region" id="region" />
								<div class="am-list-arrow am-list-arrow-horizontal"></div>
							</div>
							<div class="am-list-ripple" style="display: none;"></div>
						</div>
					</div>
					<div class='g-bt' style="max-height: 115px; overflow: scroll;">
						<textarea type="text" class="g-m-t g-pd-l" placeholder="请输入街道门牌信息" id="address" style="width: 100%;overflow: auto;outline:0;"></textarea>
					</div>
				</div>
			</div>
		</div>
		<div style="height: 20px;"></div>
		<div class="g-tc g-lh-80 g-bg-blue address-save">保存</div></div>
</div>
<!--编辑地址 End-->
	










<script>
var orderInfo = {
	address : {
		tsid : {empty name='data.address'}""{else /}"{$data.address.tsid}"{/empty},
		consignee : {empty name='data.address'}""{else /}"{$data.address.consignee}"{/empty},
		phonenum : {empty name='data.address'}""{else /}"{$data.address.phonenum}"{/empty},
		province : {empty name='data.address'}""{else /}"{$data.address.province}"{/empty},
		city : {empty name='data.address'}""{else /}"{$data.address.city}"{/empty},
		region : {empty name='data.address'}""{else /}"{$data.address.region}"{/empty},
		address : {empty name='data.address'}""{else /}"{$data.address.address}"{/empty}
	},
	products : {$products},
	orderamount : {$data.orderamount},
	cashamount : {$data.cashamount},
	expressid : "{$express.default.id}",
	remark : ''
};

//快递列表
var expressList = {$express.listfull};

$(function(){
	let _height = $(window).height();
	$('.address-select-box2').css('height',_height * 0.8);
	//提交订单
	$("#order-add").click(function(){
		//$('.g-reset-fixed,.g-row-payment').css('display','block');
		orderInfo.remark = $('#oMsg').val();
		if(orderInfo.address.tsid == ''){
			layerMsg('请选择收货地址'); return;
		}
		if(orderInfo.expressid == ''){
			layerMsg('请选择快递'); return;
		}
		$.post("{:url('Order/add')}",{'data':JSON.stringify(orderInfo)},function(e){
			if(e.flag){
				location.href = "{:url('Order/pay')}?orderid="+e.data;
			}else{
				layerMsg(e.info);
			}
		},'JSON');
	});
	//关闭支付方式
	$('.icon-close').click(function(){
		$('.g-reset-fixed,.g-row-payment').css('display','none');
	});
	//选择地址
	$('.address-select,.address-info').click(function(){
		$('.address-edit-box').css('display','block');
	});
});
//选择新的收货地址
function afterSelectAddress(data){
	$('.address-edit-box').css('display','none');
	if(orderInfo.address.tsid != data.tsid){
		//重新计算快递费
		let pd = {
			'tsid':data.tsid,
			'products':JSON.stringify(orderInfo.products)
		};
		let loadindex = layer.open({type: 2});
		$.ajax({
			url : "{:url('Order/changeaddress')}",
			type : "POST",
			dataType : "JSON",
			data : pd,
			success : function(e){
				if(!e.flag){ return; }
				expressList = e.data.list;
				if(typeof expressList[orderInfo.expressid] != 'undefined'){
					let expressprice = expressList[orderInfo.expressid]['expressprice'];
					let t = orderInfo.cashamount + expressprice;
					$('#neigouANDyunfei').html(t);
				}
			},error : function(){
			},complete : function(){
				layer.close(loadindex);
			}
		});
	}
	orderInfo.address.tsid = data.tsid;
	orderInfo.address.consignee = data.consignee;
	orderInfo.address.phonenum = data.phonenum;
	orderInfo.address.province = data.province;
	orderInfo.address.city = data.city;
	orderInfo.address.region = data.region;
	orderInfo.address.address = data.address;
	
	$('#address_full').html(data.province+''+data.city+''+data.region+''+data.address);
	$('#consignee').html(data.consignee);
	$('#phonenum').html(data.phonenum);
}
//快递下拉
var expressSelect = new MobileSelect({
    trigger: '#express_id_select',
    title: '快递选择',
    wheels: [
        {
			data : {$express.list}
		}
    ],
    position:[{$express.default.index}],
	callback:function(indexArr, data){
		orderInfo.expressid = data[0].id;
		if(typeof expressList[orderInfo.expressid] != 'undefined'){
			let expressprice = expressList[orderInfo.expressid]['expressprice'];
			let t = orderInfo.cashamount + expressprice;
			$('#neigouANDyunfei').html(t);
		}
	}
});
//地区联动
var mobileSelect_region = new MobileSelect({
	trigger: '#region_text',
	title: '选择地区',
	wheels: [{
		data : SevStudio_Wap_Address
	}],
	position: [0,0,0],
	transitionEnd:function(indexArr, data){
		//console.log(indexArr,data);
	},
	callback:function(indexArr, data){
		var address='',province,city,region;
		data.forEach(function (item, index) {
			address = address+item.value;
			if(index==0){
				province = item.value;
			}else if(index==1){
				city = item.value;
			}else if(index==2){
				region = item.value;
			}
		});
		$("#region_text").html(address);
		$("[name='province']").val(province);
		$("[name='city']").val(city);
		$("[name='region']").val(region);
	}
});
</script>

</body>
</html>